import { NavLink } from "react-router-dom";

const Sidebar = () => {
  return (
    <nav className="w-1/5 p-4 bg-white shadow-md rounded-md overflow-y-hidden h-screen mt-2">
      <ul className="space-y-2 flex-1 overflow-y-auto">
        <li>
          <NavLink
            to="/user"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            Home
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/tags"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            Tags
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/MyProfile"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            MyProfile
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/questions"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            QuestionList
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/sendQuestion"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            SendQuestion
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/followed"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            MyFollowedList
          </NavLink>
        </li>
        <li>
          <NavLink
            to="/MyQuestionList"
            className={({ isActive }) =>
              isActive ? "text-blue-600 font-bold" : "text-gray-700"
            }
          >
            MyQuestionList
          </NavLink>
        </li>
      </ul>
    </nav>
  );
};

export default Sidebar;
